.root {
  // padding: 16px 16px 24px 16px;
  // background: #fff;

  .titleBox {
    background: #ffffff;
    padding: 0 24px;
    margin-top: -16px;
    font-size: 20px;
    color: #111111;
    font-weight: bold;
    height: 60px;
    line-height: 60px;
  }

  :global {
    .ant-table-middle
      > .ant-table-content
      > .ant-table-scroll
      > .ant-table-body
      > table
      > .ant-table-thead
      > tr
      > th:first-child {
      padding: 12px 24px;
    }

    .ant-table-middle
      > .ant-table-content
      > .ant-table-scroll
      > .ant-table-body
      > table
      > .ant-table-tbody
      > tr
      > td:first-child {
      padding: 12px 24px;
    }

    .ant-input-clear-icon {
      vertical-align: baseline;
    }
  }

  .topSearch {
    display: flex;
    justify-content: space-between;
    background: #ffffff;
    padding: 16px;
    // height: 80px;
    align-items: center;
    justify-content: right;
    margin-bottom: 16px;
  }
  .bottomCard {
    display: flex;
    background: #ffffff;
    padding: 16px;
    flex-direction: column;
    .titleRow {
      display: flex;
      justify-content: space-between;
      margin-bottom: 16px;
    }
  }
}
